<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Jungleland</title>

<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="Erwin Aligam - styleshout.com" />
<meta name="description" content="Site Description Here" />
<meta name="keywords" content="keywords, here" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="googlebot" content="noarchive" />

<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen" /><![endif]-->

</head>

<body>

<!-- wrap -->
<div id="wrap">

	<!-- header -->
	<div id="header">			
	
		<a name="top"></a>
		
		<h1 id="logo-text"><a href="index.html" title="">jungleland</a></h1>		
		<p id="slogan">Just Another Styleshout CSS Template... </p>					
		
		<div  id="nav">
			<ul>
				<li><a href="index.html">Home</a></li>
				<li><a href="style.html">Style Demo</a></li>
				<li id="current"><a href="blog.html">Blog</a></li>
				<li><a href="archives.html">Archives</a></li>
				<li><a href="index.html">Support</a></li>
				<li><a href="index.html">About</a></li>		
			</ul>		
		</div>		
		
		<p id="rss-feed"><a href="index.html" class="feed">Grab the RSS FEEd</a></p>	
		
		<form id="quick-search" action="index.html" method="get" >
			<p>
			<label for="qsearch">Search:</label>
			<input class="tbox" id="qsearch" type="text" name="qsearch" value="Search..." title="Start typing and hit ENTER" />
			<input class="btn" alt="Search" type="image" name="searchsubmit" title="Search" src="images/search.png" />
			</p>
		</form>	
						
	<!-- /header -->					
	</div>
	
	<!-- content -->
	<div id="content-wrap" class="clear">
	
		<div id="content">		
			
			<!-- main -->
			<div id="main">	
					
				<div class="post">
			
					<h2><a href="index.html">A Blog Entry</a></h2>
					
					<p class="post-info">Posted by <a href="index.html">erwin</a> | Filed under <a href="index.html">templates</a>, <a href="index.html">internet</a></p>
				
					<div class="image-section">
              		<img src="images/img-post.jpg" alt="image post" width="530px" height="200px"/>
         		</div>					
					
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
					Cras id urna. Morbi tincidunt, orci ac <a href="index.html">convallis aliquam</a>, lectus turpis varius lorem, eu 
					posuere nunc justo tempus leo.</p>
			
					<p>Donec mattis, purus nec placerat bibendum, <a href="index.html">dui pede condimentum</a> 
					odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra 
					condimentum, lorem tellus eleifend magna, <a href="index.html">eget fringilla velit</a> magna id neque. Curabitur vel urna. 
					In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
					Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
					posuere nunc justo tempus leo.</p>			
				
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
					Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
					posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum 
					odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra 
					condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. 
					In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
					Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
					posuere nunc justo tempus leo.
					</p>
					
					<p class="tags">	
						<strong>Tagged : </strong> 
						<a href="#">orci</a>, <a href="#">lectus</a>, <a href="#">varius</a>, <a href="#">turpis</a>
					</p>
				
					<p class="postmeta">		
						<a href="index.html" class="comments">Comments (3)</a> |		
						<span class="date">August 27, 2009</span> |		
						<a href="index.html" class="edit">Edit</a> 
					</p>
			
					<h3 id="comments">3 Responses</h3>
					
					<ol class="commentlist">

						<li class="depth-1">	
								
							<div class="comment-info">			
								<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />																																					
								<cite>										
									<a href="index.html">Erwin</a> Says: <br />				
									<span class="comment-data"><a href="#comment-63" title="">August 27th, 2009 at 8:08 am</a></span>
								</cite>	
							</div>							
							
							<div class="comment-text">
								<p>Comments are great!</p>
								
								<div class="reply">
									<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
		 						</div>								
							</div>		
							
							<ul class="children">
								
								<li class="depth-2">	
															
									<div class="comment-info">	
										<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />																																							
										<cite>											
											<a href="index.html">Erwin</a> Says: <br />				
											<span class="comment-data"><a href="#" title="">August 27th, 2009 at 8:15 am</a></span>
										</cite>	
									</div>	
							
									<div class="comment-text">
										<p>And here is a threaded comment.</p>								
										<div class="reply">
											<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
		 								</div>								
									</div>									
								
								</li>
								
								<li class="depth-2">	
															
									<div class="comment-info">			
										<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />																							
										<cite>										
											<a href="index.html">Erwin</a> Says: <br />				
											<span class="comment-data"><a href="#" title="">August 27th, 2009 at 8:15 am</a></span>
										</cite>	
									</div>	
							
									<div class="comment-text">
										<p>And here is another threaded comment.</p>
								
										<div class="reply">
											<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
		 								</div>								
									</div>	
											
									<ul class="children">
								
										<li class="depth-3">																
											
											<div class="comment-info">			
												<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />																							
												<cite>										
													<a href="index.html">Erwin</a> Says: <br />				
													<span class="comment-data"><a href="#" title="">August 27th, 2009 at 8:20 am</a></span>
												</cite>	
											</div>	
							
											<div class="comment-text">
												<p>Threaded comments are cool!</p>
								
												<div class="reply">
													<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
		 										</div>								
											</div>	
																	
										</li>	
											
									</ul>							
								
								</li>							
							
							</ul>
											
						</li>

						<li class="thread-alt depth-1">				
							
							<div class="comment-info">			
								<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />																							
								<cite>										
									<a href="index.html">Erwin</a> Says: <br />				
									<span class="comment-data"><a href="#comment-63" title="">August 27th, 2009 at 8:30 am</a></span>
								</cite>	
							</div>	
				
							<div class="comment-text">
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. 
								Suspendisse bibendum.</p>
								
								<div class="reply">
									<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
		 						</div>								
							</div>	
							
							<ul class="children">
								
								<li class="depth-2">																
											
									<div class="comment-info">			
										<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />																							
										<cite>										
											<a href="index.html">Erwin</a> Says: <br />				
											<span class="comment-data"><a href="#" title="">August 27th, 2009 at 8:35 am</a></span>
										</cite>	
									</div>
							
									<div class="comment-text">
										<p>Donec libero. Suspendisse bibendum.</p>
							
										<div class="reply">
											<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
		 								</div>								
									</div>	
																	
								</li>	
											
							</ul>								
							
						</li>
			
						<li class="depth-1">
										
							<div class="comment-info">		
								<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />																																
								<cite>											
									<a href="index.html">Erwin</a> Says: <br />				
									<span class="comment-data"><a href="#comment-63" title="">August 27th, 2009 at 9:08 am</a></span>
								</cite>	
							</div>
					
							<div class="comment-text">
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
								Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
								posuere nunc justo tempus leo.</p>
								
								<div class="reply">
									<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
		 						</div>
																
							</div>							
							
							<ul class="children">
								
								<li class="depth-2">	
															
									<div class="comment-info">			
										<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />																							
										<cite>										
											<a href="index.html">Erwin</a> Says: <br />				
											<span class="comment-data"><a href="#comment-63" title="">August 27th, 2009 at 9:18 am</a> </span>
										</cite>	
									</div>
							
									<div class="comment-text">
										<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>								
										
										<div class="reply">
											<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
		 								</div>								
									</div>	
								
								</li>
							
							</ul>
							
						</li>
			
					</ol>
					
					<!-- respond -->
					<div id="respond">
					
 						<h3>Leave a Reply</h3>				
			
						<form action="index.html" method="post" id="commentform">		
								
							<p>	
								<label for="name">Name (required)</label><br />
								<input id="name" name="name" value="Your Name" type="text" tabindex="1" />
							</p>
			
							<p>
								<label for="email">Email Address (required)</label><br />
								<input id="email" name="email" value="Your Email" type="text" tabindex="2" />
							</p>
				
							<p>
								<label for="website">Website</label><br />
								<input id="website" name="website" value="Your Website" type="text" tabindex="3" />
							</p>
					
							<p>
								<label for="message">Your Message</label><br />
								<textarea id="message" name="message" rows="10" cols="20" tabindex="4"></textarea>
							</p>	
			
							<p class="no-border">
								<input class="button" type="submit" value="Submit Comment" tabindex="5" />         		
							</p>
					
						</form>	
					
					<!-- /respond -->
					</div>
				
				<!-- /post -->	
				</div>	
			
			<!-- /main -->	
			</div>
		
			<!-- sidebar -->
			<div id="sidebar">
							
				<div class="sidemenu">	
					<h3>Sidebar Menu</h3>
					<ul>				
						<li><a href="index.html">Home</a></li>
						<li><a href="index.html#TemplateInfo">TemplateInfo</a></li>
						<li><a href="style.html">Style Demo</a></li>
						<li><a href="blog.html">Blog</a></li>
						<li><a href="archives.html">Archives</a></li>
						<li><a href="http://www.styleshout.com/">More Free Templates</a></li>	
						<li><a href="http://www.4templates.com/?aff=ealigam">Premium Templates</a></li>	
					</ul>	
				</div>
							
				<div class="sidemenu">
					<h3>Sponsors</h3>
					<ul>
						<li><a href="http://themeforest.net?ref=ealigam">ThemeForest</a><span>Your Choice for Site Templates, Wordpress, Joomla and CMS Themes</span></li>
						<li><a href="http://www.4templates.com/?aff=ealigam">4templates</a><span>Low Cost Hi-Quality Templates</span></li>
						<li><a href="http://store.templatemonster.com?aff=ealigam">TemplateMonster</a><span>Delivering the Best Templates on the Net!</span></li>
						<li><a href="http://tinyurl.com/3cgv2m">Text Link Ads</a><span>Monetized your website</span></li>
						<li><a href="http://www.fotolia.com/partner/114283">Fotolia</a><span>Free stock images or from $1</span></li>
						<li><a href="http://www.dreamhost.com/r.cgi?287326">Dreamhost</a><span>Premium webhosting</span></li>
					</ul>
				</div>		
				
				<h3>Image Gallery </h3>					
				
				<p class="thumbs">
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>	
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>				
				</p>					
				
			<!-- /sidebar -->				
			</div>		
			
		<!-- /content -->	
		</div>				
	<!-- /content-wrap -->	
	</div>	
<!-- /wrap -->
</div>

<!-- footer -->	
<div id="footer">	

	<!-- footer-outer -->	
	<div id="footer-outer" class="clear"><div id="footer-wrap">
	
		<div class="col-a">
				
			<h3>Contact Info</h3>
			
			<p>
			<strong>Phone: </strong>+1234567<br/>
			<strong>Fax: </strong>+123456789
			</p>
			
			<p><strong>Address: </strong>123 Put Your Address Here</p>
				
			<p><strong>E-mail: </strong>me@jungleland.com</p>
			<p>Want more info - go to our <a href="#">contact page</a></p>			
			
			<h3>Follow Us</h3>
			
			<div class="footer-list">
				<ul>				
					<li><a href="index.html" class="rssfeed">RSS Feed</a></li>
					<li><a href="index.html" class="email">Email</a></li>
					<li><a href="index.html" class="twitter">Twitter</a></li>									
				</ul>
			</div>					
				
		</div>
		
		<div class="col-a">			
			
			<h3>Site Links</h3>
			
			<div class="footer-list">
				<ul>				
					<li><a href="index.html">Home</a></li>
					<li><a href="index.html">Style Demo</a></li>
					<li><a href="index.html">Blog</a></li>
					<li><a href="index.html">Archive</a></li>
					<li><a href="index.html">About</a></li>		
					<li><a href="index.html">Template Info</a></li>		
					<li><a href="index.html">Site Map</a></li>					
				</ul>
			</div>					
				
		</div>
		
		<div class="col-a">
		
			<h3>Web Resource</h3>
			
			<p>Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
			posuere nunc justo tempus leo. </p>
			
			<div class="footer-list">
				<ul>				
					<li><a href="http://net.tutsplus.com/">NetTuts</a></li>
					<li><a href="http://www.smashingmagazine.com/">Smashing Magazine</a></li>
					<li><a href="http://psd.tutsplus.com/">PSDTuts</a></li>
					<li><a href="http://www.tutorial9.net/">Tutorial9</a></li>
					<li><a href="http://www.webdesignerwall.com/">Web Designer Wall</a></li>		
					<li><a href="http://bestwebgallery.com/">Best Web Gallery</a></li>		
					<li><a href="http://webcreme.com/">Web Creme</a></li>	
					<li><a href="http://cssmania.com/">CSS Mania</a></li>	
				</ul>
			</div>			
				
		</div>		
	
		<div class="col-b">
		
			<h3>About</h3>			
			
			<p>
			<a href="index.html"><img src="images/gravatar.jpg" width="40" height="40" alt="firefox" class="float-left" /></a>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
			Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
			posuere nunc justo tempus leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
			Cras id urna. <a href="index.html">Learn more...</a></p>			
			
		</div>		
		
		<div class="fix"></div>
		
		<!-- footer-bottom -->		
		<div id="footer-bottom">
	
			<div class="bottom-left">
				<p>
				&copy; 2009 <strong>Copyright Info Here</strong>&nbsp; &nbsp; &nbsp;
				Design by: <a href="http://www.styleshout.com/">styleshout</a> 			
				</p>
			</div>		
	
			<div class="bottom-right">
				<p>		
					<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | 
		   		<a href="http://validator.w3.org/check/referer">XHTML</a>	|			
					<a href="index.html">Home</a> |
					<strong><a href="#top" class="back-to-top">Back to Top</a></strong>								
				</p>
			</div>

		<!-- /footer-bottom -->		
		</div>
	
	<!-- /footer-outer -->		
	</div></div>		

<!-- /footer -->
</div>

</body>
</html>
